<template>
  <!-- 核酸上传列表 -->
  <div id="page-upload">
    <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
      <el-tab-pane label="健康上报" name="health">
        <HealthUpload></HealthUpload>
      </el-tab-pane>
      <el-tab-pane label="行程上报" name="travel">
        <TravelUpload></TravelUpload>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import HealthUpload from './components/HealthUpload.vue'
import TravelUpload from './components/TravelUpload.vue'
export default {
  components: {
    HealthUpload,
    TravelUpload,
  },
  data() {
    return {
      activeName: 'health', // 活动的板块名称
    }
  },
  methods: {
    // 初始化数据
    async getInit() {
      const url = 'http://127.0.0.1:3007/acid/searchpost/?userId=' + this.userId
      await this.$ajax.post(url).then((res) => {
        this.init = res.data.date
        console.log(this.init)
        return res
      })
    },
    handleClick(tab, event) {
      // console.log(tab, event)
    },
  },
  created() {
    // this.getInit()
  },
}
</script>

<style lang="less" scoped>
// #page-upload {
// }
.hover {
  box-shadow: 0px 0px 4px 4px rgb(232 237 250), 1px 1px 0px 0px rgb(232 237 250);
}
</style>
